import 'package:flutter/material.dart';

class Server extends StatefulWidget {
  @override
  State<Server> createState() => _ServerState();
}

class _ServerState extends State<Server> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        centerTitle: true,
        elevation: 0,
        title: Text('客服'),
      ),
      body: Container(
        width: MediaQuery.of(context).size.width,
        height: MediaQuery.of(context).size.height,
        color: Color.fromRGBO(242, 242, 242, 1),
        child: Center(
          child: Container(
            width: 300.0,
            height: 440.0,
            decoration: BoxDecoration(
                color: Colors.white,
                borderRadius: BorderRadius.circular(20),
                boxShadow: [
                  BoxShadow(
                      color: Color.fromRGBO(215, 215, 216, 0.35),
                      offset: Offset(10.0, 10.0),
                      blurRadius: 15.0,
                      spreadRadius: 1.0)
                ]),
            child: Column(
              mainAxisAlignment: MainAxisAlignment.spaceAround,
              children: [
                Container(
                  child: Image.asset(
                    'images/server/server.png',
                    width: 66.0,
                    height: 66.0,
                    fit: BoxFit.cover,
                  ),
                ),
                Row(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    Container(
                      child: Text(
                        '咨询电话：1778956945',
                        style:
                            TextStyle(color: Color.fromRGBO(153, 153, 153, 1)),
                      ),
                      margin: EdgeInsets.only(right: 3),
                    ),
                    Image.asset(
                      'images/server/mobile.png',
                      width: 12.0,
                      height: 12.0,
                      fit: BoxFit.cover,
                    )
                  ],
                ),
                Row(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    Container(
                      width: 50.0,
                      height: 23.0,
                      color: Color.fromRGBO(213, 21, 25, 1),
                      alignment: Alignment.center,
                      child: Text(
                        '微信号',
                        style: TextStyle(color: Colors.white),
                      ),
                    ),
                    Container(
                      width: 94.0,
                      height: 23.0,
                      color: Color.fromRGBO(193, 193, 193, 1),
                      alignment: Alignment.center,
                      child: Text(
                        'saafsasf',
                        style: TextStyle(color: Colors.white),
                      ),
                    )
                  ],
                ),
                Container(
                  child: Image.asset(
                    'images/login/logo.png',
                    width: 144.0,
                    height: 144.0,
                    fit: BoxFit.cover,
                  ),
                ),
                Container(
                  child: Text(
                    '长按识别图中二维码联系客服',
                    style: TextStyle(color: Color.fromRGBO(153, 153, 153, 1)),
                  ),
                ),
                Row(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    Image.asset(
                      'images/server/time.png',
                      width: 12,
                      height: 12,
                    ),
                    Container(
                      child: Text('客服上班时间：上午08:30至下午06:00',
                          style: TextStyle(
                              color: Color.fromRGBO(193, 193, 193, 1),
                              fontSize: 12)),
                    )
                  ],
                )
              ],
            ),
          ),
        ),
      ),
    );
  }
}
